{extend name="base"}
{block name="content"}
<link rel="stylesheet" href="/static/merchant/pc/css/store_set.css">
<script src="/static/merchant/pc/js/laydate.js"></script>
<script src="/static/merchant/pc/js/datetime.js"></script>
<div class="main_div">
						<form class="form-inline" method="get" id="search_form">
						<div class="one_search">
							
							<div class="e_d_div">
								
								
								<div class="u_s_val" style="width: 200px">
									<select name="cate_id" class="u_s_v1">
										<option value="" {if $Think.get.goods_id==''}selected{/if}>全部分类</option>
										{foreach $categorys as $v}
										<option value="{$v.id}" {if $Think.get.cate_id==$v.id}selected{/if}>{$v.name}</option>
										{/foreach}
									</select>
								</div>
								<div class="u_s_val" style="width: 200px">
									<select name="status" class="u_s_v1">
										<option value="" {if $Think.get.status==''}selected{/if}>全部状态</option>
										<option value="1" {if $Think.get.status=='1'}selected{/if}>未使用</option>
										<option value="2" {if $Think.get.status=='2'}selected{/if}>已使用</option>
									</select>
								</div>
								
                                <div class="u_s_val"  style="float: right; width:135px;">
								
								<div class="btn_set" style="width: 120px;float: right" onclick="$(&#39;#search_form&#39;).submit();"><i class="iconfont icon-chaxun"></i><span>搜索</span></div>
								</div>
							</div>
						</div>
						<div class="ty_box orders">
							<div class="d_ty_head">
								<b class="e_d_t_title">优惠券列表<span>Coupon List</span></b>
							</div>
						
							<ul class="ty_b_list">
								<li class="ty_l_head">
									<div class="ty_l_d6" ><input type="checkbox" id="select_all"></div>
									<div class="ty_l_d1" style="width: 12.5%;">商品分类</div>
									<div class="ty_l_d8" style="width: 12.5%;">优惠券号码</div>
									<div class="ty_l_d8" style="width: 12.5%;">面额</div>
									<div class="ty_l_d8" style="width: 12.5%;">生成时间</div>
									<div class="ty_l_d8" style="width: 12.5%;">有效期</div>
									<div class="ty_l_d8" style="width: 12.5%;">备注</div>
									<div class="ty_l_d8" style="width: 12.5%;">操作</div>
								</li>
								{foreach $coupons as $v}
								 <li class="ty_l_li">
									<div class="ty_l_d6" ><input type="checkbox" value="{$v.id}"></div>
                                    <div class="ty_l_d8" style="width: 12.5%;">{if $v.cate_id==0}全部{else/}{$v.category.name}{/if}</div>
                                    <div class="ty_l_d8" style="width: 12.5%;">{$v.code}</div>
                                    <div class="ty_l_d8" style="width: 12.5%;">{$v.amount}{if $v.type==1}元{else/}%{/if}</div>
									<div class="ty_l_d8" style="width: 12.5%;">{$v.create_at|date="Y-m-d H:i:s",###}</div>
                                    <div class="ty_l_d8" style="width: 12.5%;">{$v.expire_day}</div>
                                    <div class="ty_l_d8" style="width: 12.5%;">{$v.remark|default="&nbsp;"}</div>
                                    <div class="ty_l_d8" style="width: 12.5%;">
									 <a class="ty_l_btn ty_l_delete t_btn_delete" href="javascript:void(0);"  data-id="{$v.id}" >删除</a>
									 </div>
                                </li>
								{/foreach}
								<div class="ty_b_footer">
 <style>
.pagination li{
	float: left; 
	margin-left: 10px;
    padding: 0 12px;
    border: 1px solid #eee;
    height: 30px;
    line-height: 28px;
    font-size: 12px;
    color: #c1c1ca;
    letter-spacing: 1px;
	cursor: pointer;
    border-radius: 2px;}
.pagination li:hover,
.pagination li.active {
    background-color: #9599f9;
    color: #fff;	
}
.pagination li.disabled {
    display: none;
}	 
</style>             
            <div id="page" class="page_div">
                {$page}
            </div>
                                    </div>
							</ul>
						</div></form>
</div>

<script>
		$(".test_body").addClass("goods_list");
		$(".page li").click(function(){
			window.location=$(this).children('a').attr("href");
		});
	$(".t_btn_delete").click(function(){
		var id=$(this).data("id");
		layer.open({
                content: "确定删除吗?删除的优惠券将会进入回收站!",
                btn: ['确定', '取消'],
                shadeClose: false,
                yes: function(){
				$.post('/merchant/goods_coupon/del', {id:id}, function (res) {
					if (res.code != 0) {
						layer.msg(res.msg, {time: 1000, icon: 5});
					} else {
						layer.msg("删除成功", {time: 1000, icon: 6}, function () {
							location.reload();
						});

					}
			    })
			   }
            });
	});				
        //执行一个laydate实例
        laydate.render({
            elem: '#date_range', //指定元素
            type: 'datetime',
            trigger: 'click', //采用click弹出
                // value: endDate,
                    done: function(value, date, endDate){
            // $('#search_form').submit();
            console.log(value); //得到日期生成的值，如：2017-08-18
            console.log(date); //得到日期时间对象：{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0}
            console.log(endDate); //得结束的日期时间对象，开启范围选择（range: true）才会返回。对象成员同上。
        }
        });
        
	</script>
      


{/block}